<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <title>{stl.sitename} | {channel.Title}</title>
    <stl:include file="/include/head.html"></stl:include>
    <script src="{stl.siteurl}/js/html5shiv.js"></script>
    <script src="{stl.siteurl}/js/respond.js"></script>
    <script src="{stl.siteurl}/js/jquery.js"></script>
    <script src="{stl.siteurl}/js/axios-0.17.1.min.js"></script>
    <script>
        var isLoggin = false;
    </script>
  </head>
  <body>
    <div class="container">
      <stl:include file="/include/header.html"></stl:include>

      <div class="content">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                <div class="section info">
                    <div class="row" id="course-card">
                        <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">

                            <div class="info-avatar" id="course-card-left">
                                <img id="courseware_cover" src="{content.imageurl}" />
                                <stl:video isAutoPlay="false" playUrl="{Content.VideoUrl}" ImageUrl=""/>
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                            <div class="info-main">
                                <div class="info-line">课程编号:<span id="courseware-id">{content.id}</span></div>
                                <div class="info-line">课程名称:<br/><span>{content.title}</span></div>
                                <div class="info-line"><span></span></div>
                                <div class="info-line"><span></span></div>
                                <div class="info-line"><span></span></div>
                                <div class="info-line"><span></span></div>
                                <hr>
                                <div class="info-line">
                                    <a id="btn-login" role="button" class="btn btn-primary want_course" href="{stl.siteurl}/login.html">登录</a>
                                    <a id="btn-wantcourse" role="button" class="btn btn-primary want_course">观看</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="section">
                    <h4>课程简介</h4>
                    <p>{content.summary}</p>
                    <div class="collapse" id="collapse-description"></div>
                    <a class="description-more collapse_description" role="button" data-toggle="collapse" href="#collapse-description" aria-expanded="false" aria-controls="collapse-description">查看更多</a>
                    <a id="anchor-comments"></a>
                    <p></p>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                <stl:include file="/include/detail_sidebar.html"></stl:include>
            </div>
            
        </div>

</div>
</div>
    <stl:include file="/include/footer.html"></stl:include>
    <stl:include file="/include/bottom-bar.html"></stl:include>
    <stl:include file="/include/bottom.html"></stl:include>
    <script src="{stl.siteurl}/js/detail.js"></script>
    <script>
        $("#nav-index").removeClass('active');
        $("#nav-course").addClass('active');
    </script>
    </body>
</html>